<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@taglib prefix="mvc" uri="http://www.springframework.org/tags/form" %>
<%@taglib prefix="fmt" uri="http://www.springframework.org/tags" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<%--/**
* 创建作者:   杨璞
* 创建日期:   12:44 2019/7/20
* 方法介绍:  设备能力
* @return
*/--%>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>设备能力</title>
    <link rel="stylesheet" href="/lib/layui/layui/css/layui.css?20190817.1">
    <link rel="stylesheet" href="/lib/layui/layui/css/common.css?v=20190809">
    <script src="/lib/layui/layui/layui.js"></script>
    <script type="text/javascript" src="/lib/layui/layui/global.js"></script>
    <script type="text/javascript" src="../../js/jquery/jquery-1.9.1.js"></script>
    <script src="../../js/base/base.js" type="text/javascript" charset="utf-8"></script>
    <script src="/lib/layui/layui/js/common.js?v=20190726" type="text/javascript" charset="utf-8"></script>
    <script src="/lib/layui/layui/js/baseCode/base.js?v=2019080918:09" type="text/javascript" charset="utf-8"></script>
    <script src="/lib/layui/layui/js/baseCode/base.js?v=2019072018:09" type="text/javascript" charset="utf-8"></script>

    <style>
        .layui-btn {
            margin-left: 10px;
        }

        .inbox {
            padding: 10px;
            padding-right: 30px;
        }

        .layui-btn .layui-icon {
            margin-right: 0px;
        }
        #addTableButton{
            width: 70px;
            margin-top: 20px;
            margin-left: 16px;
        }
        #activation{
            width: 70px;
            margin-top: 20px;
            margin-left: 16px;
        }
        #deleteButton{
            width: 70px;
            margin-top: 20px;
            margin-left: 16px;
            background-color: #ff5722;
        }
        #saveTbleButton{
            width: 70px;
            margin-top: 20px;
            display: none;
            float: right;
            margin-right: 40px;
        }
        .layui-table{
            width:100%!important;
        }
        .layui-table-tool-panel li{
            overflow: visible;
        }
        .layui-collapse td:nth-child(3) .layui-table-cell,.layui-collapse td:nth-child(4) .layui-table-cell,.layui-collapse td:nth-child(7) .layui-table-cell.layui-collapse td:nth-child(8) .layui-table-cell{
            overflow: hidden!important;
        }

        td .layui-form-select{
            margin-top: -10px;
            margin-left: -15px;
            margin-right: -15px;
        }
        .layui-form-select dl {
            z-index: 99999999;
        }
        .layui-collapse {
            margin-top: 15px;
        }
        .layui-colla-item {
            position: relative;
        }

        .layui-btn {
            margin-left: 10px;
        }

        .layui-btn .layui-icon {
            margin-right: 0px;
        }
        .layui-btn {
            margin-left: 10px;
        }

        .inbox {
            padding: 10px;
            padding-right: 30px;
        }

        .layui-btn .layui-icon {
            margin-right: 0px;
        }
        .top {
            margin-left: 5px;
            margin-right: 3px;
        }

        .top img {
            width: 19px;
        }

        .bottom img {
            width: 21px;
        }

        /*.layui-form-select .layui-input {*/
            /*height: 30px;*/
        /*}*/
        .layui-collapse {
            margin-top: 15px;
        }
        .laytable-cell-2-0-4, .laytable-cell-2-0-5, .laytable-cell-2-0-7 {
            overflow: visible;
        }
        .layui-table-body,.layui-table-box{
            overflow: initial;
        }

    </style>
</head>
<body>

<div class="mbox">
    <div class="layui-card">
        <div>
            <button data-type="0" id="addTableButton" class="layui-btn layui-btn-sm" lay-event="add" >添加</button>
            <button data-type="0" id="activation" class="layui-btn layui-btn-normal layui-btn-sm" lay-event="add" >启用/作废</button>
            <button data-type="0" id="deleteButton" class="layui-btn layui-btn-sm" lay-event="add" >删除</button>
            <button data-type="0" id="saveTbleButton" class="layui-btn layui-btn-sm" lay-event="add" >保存</button>
        </div>
        <div id="addTableDiv" class="layui-card-body" style="display: none">
            <table id="addTable" lay-filter="addTableFilter"></table>
        </div>
        <%--<div id="SettlementTable" class="layui-card-body">--%>
            <%--&lt;%&ndash;<table id="Settlement" lay-filter="SettlementFilter"></table>&ndash;%&gt;--%>
        <%--</div>--%>
        <div class="layui-collapse"></div>
    </div>

</div>
<script type="text/html" id="barOperation">
    <a data-type="1" class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    <%--<a class="layui-btn layui-btn-normal layui-btn-xs" class="top" lay-event="top">上移</a>--%>
    <%--<a class="layui-btn layui-btn-normal layui-btn-xs" class="bottom" lay-event="bottom">下移</a>--%>
</script>
<script type="text/html" id="selectTool">
    <select name="selectTool" lay-filter="selectTool" >
        <%--<option value="">请选择</option>--%>
        <%--<option value="0">数字1</option>--%>
        <%--<option value="1">数字</option>--%>
        <%--<option value="2">中文</option>--%>
        <%--<option value="3">英文</option>--%>

    </select>
</script>
<script type="text/html" id="selectStatus">
    <select name="selectStatus" lay-filter="selectStatus" >
        <option value="">请选择</option>
        <option value="0">激活</option>
        <option value="1">取消</option>
    </select>
</script>
<script type="text/html" id="selectAbility">
    <select name="selectAbility" lay-filter="selectAbility" >
        <option value="">请选择</option>
        <option value="0"> >=设备能力值 </option>
        <option value="1"> <=设备能力值 </option>
        <option value="2"> 包含设备能力值 </option>
    </select>
</script>

<script type="text/html" id="addTableDel">
    <%--<a class="layui-btn  layui-btn-xs" lay-event="save2">保存</a>--%>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del2">删除</a>
</script>
<script type="text/javascript">
    var data=[];
    var resultData = '';
    var unitId = ""
    var unitName='';
    var addTabledata;
    var resultTypeData;
    // $.ajax({
    //     type:'post'
    //     ,url:'/equipCapy/equipTypeCodeList'
    //    , dataType:'json'
    //     ,success:function(res){
    //         resultTypeData=res.data;
    //         var str='<option value="">请选择</option>'
    //         if(resultTypeData.length>0){
    //             for(var i=0;i<resultTypeData.length;i++){
    //                 str += ' <option value="'+resultTypeData[i].typeCode+'">'+resultTypeData[i].typeCodeName+'</option>'
    //             }
    //             nowStr = str;
    //         }
    //     }
    //
    // })
    var alltable = []
    layui.use(['table', 'layer', 'form','element'], function () {
        var table = layui.table;
        var layer = layui.layer;
        var form = layui.form;
        var element=layui.element;
        $.get('/equipCapy/equipTypeCodeList', function (res) {
            resultTypeData = res.data;
            var str = '';
            for (var i = 0; i < resultTypeData.length; i++) {
                str += '<div class="layui-colla-item" style="position: relative">' +
                    '<h2  class="layui-colla-title" typeCode="' + resultTypeData[i].typeCode + '" flag="0">' + resultTypeData[i].typeName + '</h2>' +
                    '<div class="layui-colla-content">' +
                    '<div class="layui-card-body">' +
                    '<table id="' + resultTypeData[i].typeCode + '" lay-filter="' + resultTypeData[i].typeCode + 'Filter"></table>' +
                    '</div>' +
                    '</div>' +
                    '</div>'
            }
            $('.layui-collapse').html(str);
            element.render();
        })
        $(document).on('click', '.layui-colla-title', function () {
            var typeCode = $(this).attr('typeCode');
            if ($(this).attr('flag') == 0) {
                var alltbobj = {};
                var intabls = table.render({
                    elem: '#' + typeCode
                    , url: '/equipCapy/selectEquipCapy?typeCode=' + typeCode //数据接口
                        , cols: [[ //表头
                            {checkbox: true,title:'选择'}
                            , {field: 'capyStatus', title: '状态',templet:function(d){
                                    if(d.capyStatus == 0){
                                        return '新建'
                                    }else if(d.capyStatus == 1){
                                        return '已启用'
                                    }else{
                                        return '已作废'
                                    }
                                }}
                            , {field: 'capyName', title: '能力项'}
                            , {field: 'unitIds', title: '单位',event:'unit',templet:function(d){
                                    return '<div class="units" style="overflow: visible" unitId="'+d.unitIds+'" id="unit'+d.LAY_TABLE_INDEX+'">'+d.unitNames+'</div>'
                                }}
                            , {field: 'inputType', title: '输入类型',templet:function () {
                                    var str = '<select name="selectTool" style="overflow: visible" lay-filter="selectTool">' + srtype();
                                    return str
                                }}
                            , {field: 'operatMode', title: '与设备能力值比较方式',width:180,templet:'#selectAbility' }
                            , {field: 'dataSource', title: '数据'}
                            , {field: 'typeCode', title: '设备能力类型',templet:function (d) {
                                    return '<select name="typeCode" style="overflow: visible" lay-filter="typeCode"><option value="0">请选择</option>' +
                                        function () {
                                            var str = '';
                                            if(resultTypeData!=undefined) {
                                                for (var i = 0; i < resultTypeData.length; i++) {
                                                    str += '<option value="' + resultTypeData[i].typeCode + '">' + resultTypeData[i].typeName + '</option>'
                                                }
                                            }
                                            return str
                                        }()
                                }}
                         , {field: 'protocolField', title: '通信协议'}
                            , {field: 'memo', title: '备注'}
                            , {fixed: 'right', width: 200, title: '操作', align: 'center', templet: function(d){
                                    if(d.capyStatus == 0){
                                        return '<a data-type="1" class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>\n' +
                                            '<a data-type="1" class="layui-btn layui-btn-normal layui-btn-xs" lay-event="start">启用</a>'+
                                            '    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>'
                                    }else if(d.capyStatus == 1){
                                        return '<a data-type="1" class="layui-btn layui-btn-normal layui-btn-xs" lay-event="end">作废</a>'
                                    }else{
                                        return '<a data-type="1" class="layui-btn layui-btn-normal layui-btn-xs" lay-event="start">启用</a>'
                                    }
                                }}
                        ]],
                        done:function(res,curr,count){
                            var selectId = $(this.elem[0].nextElementSibling)
                                , mineSelparentTyepNo1 = $(selectId).find("select[name='selectTool']")
                                ,mineSelparentTyepNo2 = $(selectId).find("select[name='typeCode']")
                                ,mineSelparentTyepNo3 = $(selectId).find("select[name='selectAbility']")

                            for(var i=0;i<res.data.length;i++){
                                layui.each(mineSelparentTyepNo1, function (index, item) {

                                    if(index == i){
                                        $(item).find('option[value="'+res.data[i].inputType+'"]').prop('selected','selected')
                                    }
                                });

                            }
                            form.render()

                            for(var i=0;i<res.data.length;i++){
                                layui.each(mineSelparentTyepNo2, function (index, item) {
                                    console.log(item)
                                    if(index == i){
                                        $(item).find('option[value="'+res.data[i].typeCode+'"]').prop('selected','selected')
                                    }
                                });
                                console.log(res.data[i].typeCode)
                            }
                            form.render()


                            for(var i=0;i<res.data.length;i++){
                                layui.each(mineSelparentTyepNo3, function (index, item) {
                                    var elem = $(item);
                                    if(index == i){
                                        $(item).val(res.data[i].operatMode);
                                    }
                                });
                            }
                            $(".layui-collapse select[name='selectAbility']").attr('disabled','disabled').attr('dataType','1')
                            $(".layui-collapse select[name='selectTool']").attr('disabled','disabled').attr('dataType','1')
                            $(".layui-collapse select[name='typeCode']").attr('disabled','disabled').attr('dataType','1')

                            form.render()
                            // $("select[name='typeCode']").parents('.layui-table-cell').addClass('selectcell');
                            // $("select[name='selectAbility']").parents('.layui-table-cell').addClass('selectcell');
                            // $("select[name='selectTool']").parents('.layui-table-cell').addClass('selectcell');
                        }
                });

                alltbobj.name = typeCode;
                alltbobj.tab = intabls;
                alltable.push(alltbobj)
                $(this).attr('flag', '1');
            }

            // table.on('checkbox(' + typeCode + 'Filter)', function (obj) {
            //     //        激活.取消按钮
            //     var data=layui.table.checkStatus('typeCode').data;
            //     // console.log(data)
            //     if(data.length>0){
            //         var ids='';
            //         var status = ''
            //         for(var i=0;i<data.length;i++){
            //             if((i+1)<data.length){
            //                 if(data[i].capyStatus!=data[(i+1)].capyStatus){
            //                     layer.msg("请选择相同状态的行");
            //                     return false;
            //                 }
            //             }
            //             ids+=data[i].capyId+",";
            //
            //         }
            //         // console.log(data)
            //         if(data[0].capyStatus==1){
            //             status = 10;
            //         }else{
            //             status = 1;
            //         }
            //
            //         changeStatus(ids,status);
            //     }else{
            //         layer.msg("请选中要修改状态的行");
            //     }
            //
            // });

            table.on('tool(' + typeCode + 'Filter)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
                var data = obj.data; //获得当前行数据
                var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
                var tr = obj.tr; //获得当前行 tr 的DOM对象
                var me=$(this);
                // var sort=data.sort;//得到排序号
                var type=0;
                if (layEvent === 'edit') { //编辑
                    edit(me,obj);


                }else if(layEvent=='del'){//删除
                    var datas = {capyId:data.capyId}
                    Delete("/equipCapy/deleteEquipCapy",datas);
                    reloadtable()

                } else if(layEvent=='start'){//启用
                    changeStatus(data.capyId,'1');
                    reloadtable()

                }else if(layEvent=='end'){//作废
                    changeStatus(data.capyId,'10');
                    reloadtable()

                }else if(layEvent=='unit'){
                    var id = me.find('.units').attr('id');
                    var unit_Id = me.find('.units').attr('unitId')?me.find('.units').attr('unitId'):'';
                    unitId =  id;
                    if(me.attr('dataType')==1){
                        $.popWindow('/common/selectUnit?'+unit_Id)
                    }
                    reloadtable()

                }

            });

            table.on('row(' + typeCode + 'Filter)', function (obj) {
                form.on('select(typeCode)', function (data) {
                    var tabledata = table.cache[typeCode]
                        , elem = data.othis.parents('tr')
                        , dataindex = elem.attr("data-index");
                    tabledata[dataindex].typeCode = data.value
                });
                //添加状态的监听
                form.on('select(selectAbility)', function(data){
                    var tabledata = table.cache[typeCode]
                        , elem = data.othis.parents('tr')
                        , dataindex = elem.attr("data-index");
                    tabledata[dataindex].operatMode = data.value
                    // var value = data.value;
                    //
                    // if($(data.elem).attr('dataType')!=1){
                    //     var tabledata = table.cache["addTable"];
                    // }else{
                    //     var tabledata = table.cache[typeCode];
                    // }
                    //
                    // var elem = data.othis.parents('tr');
                    // var dataindex = elem.attr("data-index");
                    //
                    // $.each(tabledata,function(index,value){
                    //     if(value.LAY_TABLE_INDEX==dataindex){
                    //         value.operatMode = data.value;
                    //     }
                    // });


                });
                form.on('select(selectTool)', function(data){
                    var tabledata = table.cache[typeCode]
                        , elem = data.othis.parents('tr')
                        , dataindex = elem.attr("data-index");
                    tabledata[dataindex].inputType = data.value
                    // var value = data.value;
                    // if($(data.elem).attr('dataType')!=1){
                    //     var tabledata = table.cache["addTable"];
                    // }else{
                    //     var tabledata = table.cache[typeCode];
                    // }
                    // var elem = data.othis.parents('tr');
                    // var dataindex = elem.attr("data-index");
                    // $.each(tabledata,function(index,value){
                    //     if(value.LAY_TABLE_INDEX==dataindex){
                    //         value.inputType = data.value;
                    //     }
                    // });

                });


            });

        })
        // //第一个实例
        // var tableIns =table.render({
        //     elem: '#Settlement'
        //     , url: '/equipCapy/selectEquipCapy' //数据接口
        //     , page: true //开启分页
        //     // , toolbar: 'defalut'
        //     , cols: [[ //表头
        //         {checkbox: true,title:'选择'}
        //         , {field: 'capyStatus', title: '状态',templet:function(d){
        //             if(d.capyStatus == 0){
        //                 return '新建'
        //             }else if(d.capyStatus == 1){
        //                 return '已启用'
        //             }else{
        //                 return '已作废'
        //             }
        //         }}
        //         , {field: 'capyName', title: '能力项'}
        //         , {field: 'unitIds', title: '单位',event:'unit',templet:function(d){
        //             return '<div class="units" unitId="'+d.unitIds+'" id="unit'+d.LAY_TABLE_INDEX+'">'+d.unitNames+'</div>'
        //         }}
        //         , {field: 'inputType', title: '输入类型',templet:function () {
        //             var str = '<select name="selectTool" lay-filter="selectTool">' + srtype();
        //             return str
        //         }}
        //         , {field: 'operatMode', title: '与设备能力值比较方式',width:180,templet:'#selectAbility' }
        //         , {field: 'dataSource', title: '数据'}
        //         , {field: 'typeCode', title: '设备能力类型',templet:function (d) {
        //                 return '<select name="typeCode" lay-filter="typeCode"><option value="0">请选择</option>' +
        //                     function () {
        //                         var str = '';
        //                         if(resultTypeData!=undefined) {
        //                             for (var i = 0; i < resultTypeData.length; i++) {
        //                                 str += '<option value="' + resultTypeData[i].typeCode + '">' + resultTypeData[i].typeName + '</option>'
        //                             }
        //                         }
        //                         return str
        //                     }()
        //             }}
        //
        //         , {field: 'memo', title: '备注'}
        //         , {fixed: 'right', width: 200, title: '操作', align: 'center', templet: function(d){
        //             if(d.capyStatus == 0){
        //                 return '<a data-type="1" class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>\n' +
        //                     '<a data-type="1" class="layui-btn layui-btn-normal layui-btn-xs" lay-event="start">启用</a>'+
        //                     '    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>'
        //             }else if(d.capyStatus == 1){
        //                 return '<a data-type="1" class="layui-btn layui-btn-normal layui-btn-xs" lay-event="end">作废</a>'
        //             }else{
        //                 return '<a data-type="1" class="layui-btn layui-btn-normal layui-btn-xs" lay-event="start">启用</a>'
        //             }
        //         }}
        //     ]],
        //     done:function(res,curr,count){
        //
        //         for(var i=0;i<res.data.length;i++){
        //             layui.each($("#SettlementTable select[name='selectTool']"), function (index, item) {
        //                 if(index == i){
        //                     $(item).find('option[value="'+res.data[i].inputType+'"]').prop('selected','selected')
        //                 }
        //             });
        //
        //         }
        //         for(var i=0;i<res.data.length;i++){
        //             layui.each($("#SettlementTable select[name='typeCode']"), function (index, item) {
        //                 if(index == i){
        //                     $(item).find('option[value="'+res.data[i].typeCode+'"]').prop('selected','selected')
        //                 }
        //             });
        //         }
        //         form.render()
        //
        //
        //         for(var i=0;i<res.data.length;i++){
        //             layui.each($("#SettlementTable select[name='selectAbility']"), function (index, item) {
        //                 var elem = $(item);
        //                 if(index == i){
        //                     $(item).val(res.data[i].operatMode);
        //
        //                 }
        //             });
        //         }
        //         $("#SettlementTable select[name='selectAbility']").attr('disabled','disabled').attr('dataType','1')
        //         $("#SettlementTable select[name='selectTool']").attr('disabled','disabled').attr('dataType','1')
        //         $("#SettlementTable select[name='typeCode']").attr('disabled','disabled').attr('dataType','1')
        //
        //         form.render()
        //         $("select[name='typeCode']").parents('.layui-table-cell').addClass('selectcell');
        //     }
        //
        // });
        //第二个实例
        table.render({
            elem: '#addTable'
            ,data:data
            ,cols: [[ //表头
                // {field: 'capyStatus', title: '状态', templet:'#selectStatus'}
                {field: 'capyName', title: '能力项', edit:true}
                , {field: 'unitIds', title: '单位' ,event:'unit',templet:function(d){
                    return '<div class="units" unitId="'+d.unitIds+'" id="addunit'+d.LAY_TABLE_INDEX+'">'+d.unitNames+'</div>'
                }}
                , {field: 'inputType', title: '输入类型',templet:function () {
                    var str = '<select name="selectTool" lay-filter="selectTool">' + srtype();
                    return str
                }}
                , {field: 'operatMode', title: '与设备能力值比较方式',width:180,templet:'#selectAbility' }
                , {field: 'dataSource', title: '数据',edit:true}
                , {field: 'typeCode', title: '设备能力类型',templet:function (d) {
                        return '<select name="typeCode" lay-filter="typeCode"><option value="0">请选择</option>' +
                            function () {
                                var str = '';
                                if(resultTypeData!=undefined) {
                                    for (var i = 0; i < resultTypeData.length; i++) {
                                        str += '<option value="' + resultTypeData[i].typeCode + '">' + resultTypeData[i].typeName + '</option>'
                                    }
                                }
                                return str
                            }()
                    }}
                , {field: 'protocolField', title: '通信协议'}
                , {field: 'memo', title: '备注',edit:true}
                , {title: '操作', align: 'center', toolbar: '#addTableDel'}
            ]]
            ,done:function(obj, curr, count){
                var selectId = $(this.elem[0].nextElementSibling)
                    ,mineSelectTool = $(selectId).find("select[name='selectTool']")
                    ,mineSelAbility = $(selectId).find("select[name='selectAbility']")
                    ,mineSelTypeCode=$(selectId).find("select[name='typeCode']")
//       换算关系回显
                for(var i=0;i<obj.data.length;i++){
                    layui.each(mineSelectTool, function (index, item) {
                        if(index == i) $(item).find('option[value="'+obj.data[i].inputType+'"]').prop('selected','selected');
                    });
                }

                //       与设备能力值比较方式
                for(var i=0;i<obj.data.length;i++){
                    layui.each(mineSelAbility, function (index, item) {
                        if(index == i) $(item).find('option[value="'+obj.data[i].operatMode+'"]').prop('selected','selected');
                    });
                }
                for(var i=0;i<obj.data.length;i++){
                    layui.each(mineSelTypeCode, function (index, item) {
                        if(index == i) $(item).find('option[value="'+obj.data[i].typeCode+'"]').prop('selected','selected');
                    });
                }
                form.render();
                $("select[name='typeCode']").parents('.layui-table-cell').addClass('selectcell');
                $("select[name='selectTool']").parents('.layui-table-cell').addClass('selectcell');
                $("select[name='selectAbility']").parents('.layui-table-cell').addClass('selectcell');

            }
        });




        //监听新建操作
        table.on('row(addTableFilter)', function(obj){

//            输入类型
            form.on('select(selectTool)', function(data){
                operUpdate(data,"addTable","inputType")
            });

//            与设备能力值比较方式
            form.on('select(selectAbility)', function(data){
                operUpdate(data,"addTable","operatMode")
            });
            form.on('select(typeCode)', function(data){
                operUpdate(data,"addTable","typeCode")
            });
        });



        //第一个表格的工具事件
        // table.on('tool(SettlementFilter)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
        //     var data = obj.data; //获得当前行数据
        //     var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
        //     var tr = obj.tr; //获得当前行 tr 的DOM对象
        //     var me=$(this);
        //     // var sort=data.sort;//得到排序号
        //     var type=0;
        //     if (layEvent === 'edit') { //编辑
        //         edit(me,obj);
        //     }else if(layEvent=='del'){//删除
        //         // console.log(data)
        //         var datas = {capyId:data.capyId}
        //         Delete("/equipCapy/deleteEquipCapy",datas,tableIns);
        //     } else if(layEvent=='start'){//启用
        //         changeStatus(data.capyId,'1');
        //     }else if(layEvent=='end'){//作废
        //         changeStatus(data.capyId,'10');
        //     }else if(layEvent=='unit'){
        //         var id = me.find('.units').attr('id');
        //         var unit_Id = me.find('.units').attr('unitId')?me.find('.units').attr('unitId'):'';
        //         unitId =  id;
        //         if(me.attr('dataType')==1){
        //             $.popWindow('/common/selectUnit?'+unit_Id)
        //         }
        //     }
        // });


        //第二个表格的工具事件
        table.on('tool(addTableFilter)',function (obj) {
            var layEvent = obj.event; //获得 lay-event 对应的值
            var datatr = obj.data;//获取行数据
            var tr = obj.tr;
            var me=$(this);

            if(layEvent=='del2'){
                var index=tr.attr("data-index");
                obj.del(tr);
                data =  table.cache["addTable"];
                data.splice(parseInt(index),1);
                table.reload('addTable',{
                    data : data
                });
                var trs=$("#addTableDiv").find(".layui-table-body").find("tr");
                if(trs.length==0){//代表最后一个已经被删除
                    closeTable();
                }
            }else  if(layEvent=='unit'){
                addTabledata = table.cache["addTable"];
                trobj=obj;
                objIdx =obj.tr[0].rowIndex;
                var id = me.find('.units').attr('id');
                unitId =  id;
                var unit_Id = me.find('.units').attr('unitId')?me.find('.units').attr('unitId'):'';
                $.popWindow('/common/selectUnit?'+unit_Id)
            }
        });

        function edit(me,obj){
            var tr=obj.tr;
            var data=obj.data;

            //点击编辑
            if (me.attr('data-type') == "1") {
                me.attr('data-type', 0);
                var tds = tr.find('td');
                tds.eq(2).data('edit', true)
                tds.eq(3).attr('dataType','1')
                tds.eq(6).data('edit', true)
                // tds.eq(7).data('edit', false)

                tr.find('select[name="selectAbility"]').removeAttr('disabled')
                tr.find('.layui-input').removeClass('layui-disabled')
                tr.find('.layui-unselect').removeClass('layui-select-disabled')
                tr.find('select[name="selectTool"]').removeAttr('disabled')
                tr.find('select[name="typeCode"]').removeAttr('disabled')

                form.render('select')

                tr.css("background-color", "rgb(242, 242, 242)");
                me.text('保存')
            } else {
                //点击保存
                tr.find('td').data('edit', false)
                me.attr('data-type', "1")
                tr.find('td').eq(3).attr('dataType','0')
                tr.css("background-color", "white");
                me.text('编辑')
                tr.find('select[name="selectAbility"]').attr('disabled','disabled')
                tr.find('select[name="selectTool"]').attr('disabled','disabled')
                tr.find('select[name="typeCode"]').attr('disabled','disabled')
                form.render('select');
                data.unitIds = tr.find('td').eq(3).find('.units').attr('unitId');
                data.unitNames = tr.find('td').eq(3).find('.units').text();
                save(data);
            }
        }

//        添加按钮点击事件
        $("#addTableButton").click(function () {
            var type=$(this).attr("data-type");
            if(type=="0"){
                //代表还未点击过添加
                data=[];//置空，默认一个
                table.reload('addTable',{
                    data : data
                });
                var $addTable=$("#addTableDiv");//得到第二个实例
                $addTable.css("display","block");
                $(this).attr("data-type","1");
                $("#saveTbleButton").css("display","inline-block");
                $("#addTableButton").click();
            }else{
                data =  table.cache["addTable"];
                var data1={                  //特殊初始赋值
                    inputType:"",
                    unitIds:"",
                    unitNames:"",
                    operatMode:''
                };
                data.push(data1);
                table.reload('addTable',{
                    data : data
                });
            }
        });

        // table.on('checkbox(SettlementFilter)', function(obj){
        //     console.log(obj.checked); //当前是否选中状态
        //     console.log(obj.data); //选中行的相关数据
        //     console.log(obj.type); //如果触发的是全选，则为：all，如果触发的是单选，则为：one
        //     var data=layui.table.checkStatus('Settlement').data;
        //     console.log(data); //如果触发的是全选，则为：all，如果触发的是单选，则为：one
        //     if(data.length==1){
        //         if(data[0].capyStatus == 1) $('#activation').text('作废')
        //         else $('#activation').text('启用')
        //     }
        //     else {
        //         for(var i=0;i<data.length;i++){
        //             if(data[i].capyStatus !=0) {
        //                 layer.msg("只可删除新建状态");
        //                 return false
        //             }
        //             ids+=data[i].capyId+",";
        //         }
        //     }
        //
        // });

//        多选删除按钮点击事件
        $("#deleteButton").click(function () {
            var ids = ''
                , objList = []
                , data;
            if (alltable.length == 0) return layer.msg("请选中要删除的行");
            for (var i = 0; i < alltable.length; i++) {
                data = layui.table.checkStatus(alltable[i].name).data;
                objList = objList.concat(data)
            }
            if (objList.length > 0) {
                for (var j = 0; j < objList.length; j++) {
                    ids += objList[j].capyId +",";
                }
                layer.confirm('确定要删除吗?', {icon: 3, title: '提示'}, function (index) {
                    $.post('/equipCapy/deleteArrayEquipCapy', {"ids": ids}, function (res) {
                        layer.msg(res.msg)
                        reloadtable()
                    })
                });
            } else {
                layer.msg("请选中要删除的行");
            }

        })


//        激活.取消按钮
        $("#activation").click(function () {
            var ids = '';
            var status = '',
                objList = [],
                data;
            console.log(alltable)
            if(alltable.length == 0) return layer.msg("请选中要修改状态的行");
            for (var i = 0; i < alltable.length; i++) {
                data = layui.table.checkStatus(alltable[i].name).data;
                objList = objList.concat(data)
            }
            if (objList.length > 0) {
                for (var j = 0; j < objList.length; j++) {
                    ids += objList[j].capyId + ",";
                }
                if ((i + 1) < objList.length) {

                    if (objList[i].capyStatus != objList[(i + 1)].capyStatus) {
                        layer.msg("请选择相同状态的行");
                        return false;
                    }
                }
                if (objList[0].capyStatus == 1) {
                    status = 10;
                } else {
                    status = 1;
                }
            }
            changeStatus(ids, status);

        })


//        新建保存
        $("#saveTbleButton").click(function () {
            var data =  table.cache["addTable"];
            for(var i=0;i<data.length;i++) {
                if(data[i].operatMode==''){
                    layer.alert('请填写与设备能力值比较方式',{icon:5},function (index) {
                        layer.close(index);
                    });
                    return false;
                }
            }

//            for(var i=0;i<data.length;i++){
//                data[i].capyStatus = 0;
//                data[i].unitIds = $('#addunit').attr('unitId');
//                delete data[i].LAY_TABLE_INDEX;
//            }
            var param= {
                json:JSON.stringify(data)
            }

//            var res=toAjaxT("/equipCapy/addEquipCapy",data[0]);
            var res=toAjaxT("/equipCapy/addEquipCapy",param);
            layer.msg(res.msg);
            // 重载第一表格
            reloadtable()
            // 关闭第二表格
            closeTable();
        })

        //添加状态的监听
        form.on('select(selectAbility)', function(data){
            var value = data.value;

            if($(data.elem).attr('dataType')!=1){
                var tabledata = table.cache["addTable"];
            }else{
                var tabledata = table.cache["Settlement"];
            }

            var elem = data.othis.parents('tr');
            var dataindex = elem.attr("data-index");

            $.each(tabledata,function(index,value){
                if(value.LAY_TABLE_INDEX==dataindex){
                    value.operatMode = data.value;
                }
            });


        });
        form.on('select(selectTool)', function(data){
            var value = data.value;
            if($(data.elem).attr('dataType')!=1){
                var tabledata = table.cache["addTable"];
            }else{
                var tabledata = table.cache["Settlement"];
            }
            var elem = data.othis.parents('tr');
            var dataindex = elem.attr("data-index");
            $.each(tabledata,function(index,value){
                if(value.LAY_TABLE_INDEX==dataindex){
                    value.inputType = data.value;
                }
            });

        });

        form.on('select(typeCode)', function(data){
            var value = data.value;
            if($(data.elem).attr('dataType')!=1){
                var tabledata = table.cache["addTable"];
            }else{
                var tabledata = table.cache["Settlement"];
            }
            var elem = data.othis.parents('tr');
            var dataindex = elem.attr("data-index");
            $.each(tabledata,function(index,value){
                if(value.LAY_TABLE_INDEX==dataindex){
                    value.typeCode = data.value;
                }
            });
            console.log(value)
        });
//        保存
        function save(data) {
            var url="/equipCapy/editEquipCapy";
            toAjaxY(url,data);
            reloadtable()
        }

        //        下拉框更新数据
        function operUpdate(data,tablename,valname) {
            var tabledata = table.cache[tablename]
                ,elem = data.othis.parents('tr')
                ,dataindex = elem.attr("data-index");
            tabledata[dataindex][valname] = data.value
        }


        //关闭方法
        function closeTable() {
            $("#addTableButton").attr("data-type","0");
            var $addTable=$("#addTableDiv");//得到第二个实例
            $addTable.css("display","none");
            $("#saveTbleButton").css("display","none");
        }

        //    删除方法
        function Delete(url, data){
            // layer.confirm('确认要删除吗？', {
            //     btn: ['确认', '取消'],
            //     icon: 7,
            //     title: "系统提示"
            // }, function () {
            //     $.ajax({
            //         type: "post",
            //         url: url,
            //         dataType: "json",
            //         data:data,
            //         success: function (res) {
            //             if (res.code == 0) {
            //                 layer.msg(res.msg);
            //                 reloadtable();
            //             } else {
            //                 layer.msg(res.msg);
            //             }
            //         }
            //     })
            // }, function () {
            //     layer.closeAll();
            // });

            layer.confirm('确定要删除吗?', {icon: 3, title:'提示'}, function(index){
                var res=toAjaxT(url,data);
                layer.msg(res.msg)
                if(res.code==0){
                    reloadtable()                }
                layer.close(index);
            });
        }

        function changeStatus(capyIds,status) {
            var url='/equipCapy/changeStatus';
            var data={
                capyIds: capyIds,
                status:status
            }
            var res=toAjaxT(url,data);
            if(res.code==0) {
                reloadtable()
            }
        }

//        输入类型接口
        function srtype() {
            var nowStr=''
            if(resultData == ''){
                $.ajax({
                    url:'/equipCapy/selectCommonCode',
                    data:{parentTypeNo:'DES_INPUTYPE'},
                    type:'get',
                    dataType:'json',
                    async:false,
                    success:function(ress){
                        resultData = ress[0]
                        var str='<option value="">请选择</option>'
                        if(resultData.length>0){
                            for(var i=0;i<resultData.length;i++){
                                str += ' <option value="'+resultData[i].codeTypeId+'">'+resultData[i].codeTypeName+'</option>'
                            }
                            nowStr = str;
                        }
                    }
                })
            }else {
                var str
                if(resultData.length>0){
                    for(var i=0;i<resultData.length;i++){
                        str += ' <option value="'+resultData[i].codeTypeId+'">'+resultData[i].codeTypeName+'</option>'
                    }
                    nowStr = str;
                }
            }

            return nowStr
        }
//        动态表格重载
        function reloadtable(ops) {
            if (alltable == '') return;
            for (var i = 0; i < alltable.length; i++) {
                table.reload(alltable[i].name, alltable[i].tab);
            }
        }
    });
</script>

</body>


</html>